免费做网站软件视频,郴州网站建设方案策划,制作网站站用的软件下载,建设网站视频全局组件 定义组件的语法 Vue.component(组件的名称, { 组件的配置对象 }) 在组件的配置对象中#xff1a;可以使用 template 属性指定当前组件要渲染的模板结构#xff1b; 使用组件的语法 把 组件的名称, 以标签的形式#xff0c;引入到页面上就行#xff1b; // 导入v…全局组件 定义组件的语法 Vue.component(组件的名称, { 组件的配置对象 }) 在组件的配置对象中可以使用 template 属性指定当前组件要渲染的模板结构 使用组件的语法 把 组件的名称, 以标签的形式引入到页面上就行 // 导入vue挂载组件
import Vue from vue/dist/vue.js
// 使用 Vue.component(字符串组件名称, { /*组件的配置对象*/ }) 定义全局组件
// 每个组件必须有唯一的根元素进行包裹
Vue.component(my-com1,{template: divdiv这是自定义全局组件 my-com1/divp这是来捣乱的/ph1 clickshow{{msg}}/h1/div,// 组件 data 必须是一个functionreturn一个对象data: function() {return {msg: my-com1}},methods: {show() {console.log(调用了 my-com1 的show方法)}},created() {console.log(执行了组件 中 create生命周期函数);console.log(this.msg);console.log(this.show);},
}) 其他 可以认为组件是特殊的Vue实例 组件和实例的相同和区别 组件中的 data 必须是一个 function 并 return 一个 字面量对象在 Vue 实例中实例的 data 既可以是 对象可以是 方法 组件中直接通过 template 属性来指定组件的UI结构在 Vue 实例中通过 el 属性来指定实例控制的区域但是实例也可以使用 template; 组件和实例都有自己的生命周期函数私有的过滤器methods 处理函数 转载于:https://www.cnblogs.com/houfee/p/9953935.html
