-
vue文件包含三种标签 template/style/script 分别对应HTML/js/CSS 三种文件 vue文件最后会被Web pack转为HTML/js/CSS 三种文件查看全部
-
父向子组件传参
父vue里 引入组件 components: [ ComponentA]
标签写法 <component-a></component-a> 驼峰式命名 第一个单词后的大写字母转小写，中间用-隔开
向子组件里传值
<component-a msgfromfather = ' hi,son'></component-a>
子组件里接收 props: [ 'msgfromfather' ]
<h1> {{msgfromfather}} </h1>
查看全部 -
vuejs组件之间的通信-props
查看全部 -
vuejs组件之间的调用--components
查看全部 -
如何划分组件：
功能模块：-select, pagenation...
页面区域：-header,footer,sidebar..
查看全部 -
vue的主要选项
查看全部 -
vue.js组件的模板语法
查看全部 -
属性绑定： v-bind 缩写为:
:class="{ red: isRed}" //是变量，判断类名为red的是否展现的
:class="[classA,classB]" //是字符串，类名为classA classB
查看全部 -
事件绑定： v-on 缩写为@
<!--完整语法-->
<a v-on:click="doSomething">...</a>
<!--缩写-->
<a @click="doSomething">..</a>
查看全部 -
渲染循环列表： v-for
查看全部 -
模版指令
控制模块隐藏 v-if、v-show
查看全部 -
html和vue对象的粘合剂
数据渲染： v-text、v-html、{{ }}
查看全部 -
组件之间的通信通过 doThis 来传递
查看全部 -
vuejs 组件之间复用
查看全部 -
data methods watch
v-text
v-if
v-on
v-for
查看全部
举报
0/150
提交
取消