vueJS组件
来源:互联网 发布:python cxoracle 结果 编辑:程序博客网 时间:2024/06/05 04:53
js代码:
复制代码
// 定义
var MyComponent = Vue.extend({
template: ‘
})
// 注册
Vue.component(‘my-component’, MyComponent)
// 创建根实例
new Vue({
el: ‘#example’
})
复制代码
输出结果:
复制代码
js代码:
复制代码
var vue = new Vue({
el:”#dynamic”,
data: {
currentView: “home”
},
components: {
home:{
template: “Home”
},
posts: {
template: “Posts”
},
archive: {
template: “Archive”
}
}
});
document.getElementById(“home”).onclick = function(){
vue.currentView = “home”;
};
document.getElementById(“posts”).onclick = function(){
vue.currentView = “posts”;
};
document.getElementById(“archive”).onclick = function(){
vue.currentView = “archive”;
};
复制代码
组件和v-for
不能传递数据给组件,因为组件的作用域是独立的。为了传递数据给组件,应当使用props:
- vueJS组件
- VueJs的组件化
- vuejs 组件+路由
- vuejs学习“递归组件”
- vuejs父子组件通信
- vuejs 常用ui组件
- vuejs组件系统
- vuejs组件使用问题
- VueJS兄弟组件通信
- vuejs 组件的认识
- VueJS-组件通信
- vueJs图表组件
- VueJs制作轮播组件
- vuejs组件状态管理Vuex
- vuejs 幻灯片组件发开
- Vuejs 组件化开发tab组件实例
- vueJS组件笔记(针对.vue组件)
- Vuejs——(8)Vuejs组件的定义
- Mohican_11/21 C语言深度剖析
- 第二章 SQL命令参考-VALUES
- sublime text 3 下载及汉化(MAC版本)
- C++模板的分离编译
- python tile([],())
- vueJS组件
- github客户端的使用
- 「笔记」《大话数据结构》第四章:栈与队列
- 利用异常+nextLine()解决输入不匹配的问题
- javascript如何快速判断变量是不是null或undefined或长度为零
- CEF:JavaScript 调用 C++ 函数 Demo(VS2013)
- 自动转换金额
- 密码是6-16位字母加数字的正则表达式和验证手机号码的正则表达式
- java学习图谱