-
v-html="vue的值" 如果值包含html 的标签 显示出来会隐藏掉
v-html ="vue的值" 值是什么就输出什么 包括html代码
查看全部 -
scoped 样式修饰符：控制样式作用域
保证所加的样式只对当前组件起作用，不会影响其它组件样式。
查看全部 -
创建全局组件方法：
vue.component('todo-item', {template:'<li>item</li>'})局部组件方法：
var TodoItem = {template: '<li>item</li>'} 然后在vue实例中声明组件：component: {'todo-item': TodoItem}查看全部 -
子组件通过props属性接收父组件传递的值。
查看全部 -
全局安装vue-cli:
$ npm install -g vue-cli
创建一个基于webpack模板的新项目
$ vue init webpack project-name
安装依赖
$ cd project-name
$ npm run dev
查看全部 -
vue真强大！
查看全部 -
这个功能真好！
查看全部 -
单文件组件编码方式：
在一个.vue文件中，写组件所需要的template, script, style内容。
查看全部 -
父组件向子组件传值的时候是通过属性的方式传递。
触发一个事件
this.$emit(事件名，传值);
查看全部 -
每个组件都是一个Vue实例！
查看全部 -
子组件接受父组件的传值，需要把相应的变量在子组件的props属性中注册。
查看全部 -
v-if和v-show的区别在于：
v-if隐藏元素时，会把元素从dom树删掉，而v-show会给元素加一个样式display:none。如果显示隐藏频率高，则行行选择用v-show效率会高，如果频率很低，则可以用v-if。
使用v-for时，给第一项增加一个:key属性，可以提升性能
查看全部 -
每一个wue组建都是一个wue的实例
查看全部 -
使用v-for时加:key=""（每个循环中每一项key值都要唯一）的属性，会提升每一项渲染的性能，
如：<ul id="root">
<li v-for="(item,index) of list" :key="index">{{item}}</li>
</ul>
new Vue({
el: "#root",
data: {
items: [1, 2, 3]
}
});
如果需要频繁对列表进行变更，则此时用index就会出现问题了,要换成其它唯一的值。
查看全部 -
v-if和v-show的区别：
v-if：控制DOM的存在与否，直接创建、删除DOM元素;
v-show:控制DOM的显示与否，只给DOM元素增加、去掉display:none的样式;
频繁显示、隐藏元素用v-show性能会更高，只做一次显示、隐藏，用v-if会更好。
查看全部
举报