Vue
vue如何展示子组件的内容
方法一:注册全局组件(在main.js里面写)
1、调用Vue.component()方法
2、Vue.component(“users”,Users) ,命名为"users",Users为对应组件
3、为让别人能够识别调用此组件,就需要引入 import Users from ‘./components/Users’
4、当有人调用了users这个组件标签之后,就可以调用Users整个子组件,有了这个全局组件后,就可以在任何地方调用这个组件
5、如何调用:来到App.vue当中,在html结构中调用这个users标签
方法二:局部注册组件
1、在App。vue文件中,将Users组件按路径导入
2、在注册组件,应用components属性
3、在template中使用
创建一个Vue实例
每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的
var vm = new Vue({ //选项 })
每个Vue实例在被创建时都要经过一系列的初始化过程
created钩子可以用来在一个实例被创建之后执行代码
插值表达式
<span v-once> {
{msg}} </span>
双大括号会将数据解释为普通文本,而非HTML代码,可以使用v-html指令
v-bind指令
javascript表达式
v-if指令:作为判断显示或隐藏,一些指令能够接收一个参数,在指令名称之后以冒号表示
例如:v-bind指令可以用于响应式 <a v-bind:href="url">.............</a>
v-on指令:用于监听DOM事件 <a v-on:click="doSom