- 博客(3)
- 收藏
- 关注
原创 vue.js 父子组件通信-prop
vue.js 父子组件通信-prop1.prop实例实例解析2.动态prop实例1实例2prop 是父组件用来传递数据的一个自定义属性。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 61
原创 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 51
原创 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 36
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人