-
引用外部组件的办法：
import引入
export default{
components: {
'import': whatever
}
}
查看全部 -
vue底层在编译的时候会自动的更改js的this含义，使得它可以正确的引用this。
查看全部 -
组件数据定义的规则有变化，必须使用函数返回值的模式。
查看全部 -
<!-- v-if:控制demo存在与否（div） v-show:控制demo显示与否（class） v-for:显示一组数据，通过这组数据循环显示页面上的demo结构 --> <div id="root"> <div v-show="show">hello world</div> <button @click="handleClick">toggle</button> <ul> <li v-for="(item,index) of list" :key="index"><a :href="item.href">{{item.name}}</a></li> </ul> </div> <script type="text/javascript"> new Vue({ el:"#root", data:{ show:true, list:[ {name:'baidu',href:'http://www.baidu.com'}, {name:'taobao',href:'https://www.taobao.com'} ] }, methods:{ handleClick:function() { this.show=!this.show } } }) </script>查看全部 -
组件之间通信操作：
子组件：emit事件;父组件：监听事件，设置响应方法
可以使用属性方式，从父组件向子组件传递数据。
查看全部 -
v-if判断指令，会使DOM消失，适合一次或不多次数使用，v-show只是隐藏DOM，适合多次使用，v-for循环指令。
以上指令之后加:key能提高渲染效率。但是要求项不能重复。
查看全部 -
computed:下面加上计算的方法，可计算属性。
watch:用来监听，可以结合count使用。
查看全部 -
<div>中加入v-bind来绑定属性，可缩写成“：”.
v-model可进行双向绑定。
查看全部 -
每个vue的组件，都是vue的实例。
查看全部 -
父组件到子组件，通过属性的形式进行值的传递
实现子组件和父组件之间的通信：发布订阅模式
子组件通过发布事件,是父组件之前就订阅的事件,那么子就向父传递数据了
查看全部 -
v-show是控制css进行元素的显示、隐藏，而v-if是控制dom结构，删除、添加dom元素来控制显示
查看全部 -
watch监听器的作用：检测某个值发生了变化。
查看全部 -
计算属性会缓存数据，性能比较高。如果使用的数据没有改变，就不会更新计算结果。
查看全部 -
v-bind 简写为：
v-click简写为@
双向绑定是：v-model=""
查看全部 -
v-text/v-html都是指令，表示里面的内容是插值数据
查看全部
举报
0/150
提交
取消