![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js学习
D.wen
这个作者很懒,什么都没留下…
展开
-
vue.js 父子组件通信-prop
vue.js 父子组件通信-prop1.prop实例实例解析2.动态prop实例1实例2 prop 是父组件用来传递数据的一个自定义属性。 1.prop 实例 <div id="app"> <child message="hello!"></child> </div> <script> Vue.component('child',{ props: ['message'], template: '<span>{{ messag原创 2021-05-13 10:44:40 · 127 阅读 · 0 评论 -
Vue.js组件
vue.js组件1.全局组件实例2.局部组件实例 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 1.全局组件 注册: Vue.component(tagName, options)//tagName 为组件名,options 为配置选项 调用: <tagName></tagName> 实例 <div id="app"> <!-- 调用组件 --> <test></tes原创 2021-05-13 10:20:30 · 65 阅读 · 0 评论 -
Vue.js自定义指令
Vue.js自定义指令1.自定义局部指令实例2.自定义全局指令实例 1.自定义局部指令 实例 <div class="tests"> <p>自定义局部指令示例,当页面载入时,input元素会自动获得焦点:</p> <input v-gocus> </div> <script> export default { name: 'page5', //注册一个局部之定义指令 directives: { go原创 2021-05-13 09:10:49 · 139 阅读 · 0 评论