-
this.content Vue 实例下的data下的content 变量
查看全部 -
v-text 将文本全部输出 会进行一次转义
v-html 将文本作为html语法进行输出 不会进行转义。
v-on:click 绑定点击事件
查看全部 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>todoList</title>
</head>
<body>
<p>原生todoList</p>
<input type="text" id="in">
<button onclick="handleSubmit()">提交</button>
<ul id="list"></ul>
<script>
var input = document.getElementById("in");
var ul = document.getElementById("list");
function handleSubmit(){
var li = document.createElement("li");
li.innerText = input.value;
ul.appendChild(li);
input.value = '';
}
</script>
</body>
</html>
查看全部 -
<div ></div>查看全部
-
style scoped加了一个作用域 只在本组件有用
<style> 全局有用
推荐定义scoped 实现组件间的解耦
查看全部 -
父组件向子组件传值是通过属性的方式
子组件向父组件传通过this.$emit()方法
查看全部 -
使用props:['content']接收传递过来的值
查看全部 -
v-if和v-show：这两个属性用来控制dom显示隐藏，当值为true则显示，为false则隐藏。if和show的一大区别在于if是通过销毁dom的方式实现隐藏，而show是通过display=false的方式实现的，具体需要灵活使用；
v-for属性：主要用于遍历数组数据，并自动生成dom列表。如v-for='(item, index) of list' :key='index'，其中:key必须是唯一的，item是遍历出的子项；
查看全部 -
计算属性（computed:）：一个属性通过其他属性计算而来（只有它依赖的数据发生变化的时候，它才会重新计算；如果依赖的属性没有发生变化，它会利用以前计算结果的缓存来在页面上做显示）
查看全部 -
子组件和父组件通信查看全部
-
div的默认高度。查看全部
-
注：watch不仅可以监听vue实例的data内属性，而且可以监听计算computed下计算属性的变化
查看全部 -
侦听器watch：监听某一个数据的变化，一旦这个数据发生了变化，就在该侦听器内进行业务逻辑
注：watch不仅可以监听vue实例的data内属性，而且可以监听计算computed下计算属性的变化
查看全部 -
计算属性（computed:）：一个属性通过其他属性计算而来（只有它依赖的数据发生变化的时候，它才会重新计算；如果依赖的属性没有发生变化，它会利用以前计算结果的缓存来在页面上做显示）
查看全部 -
获取组件ID
splice 删除或添加
查看全部
举报