vue
黄丫丫001
咸鱼
展开
-
vue组件的非prop Attribute 继承
vue组件的 Attribute 继承 <div id="hyy"> <compomenta :label='message' placeholder="test" def="message"></compomenta> </div> Vue.component("compomenta",{ props: ['label'], template:'<input v-bind:value="label" >', }) var test =原创 2021-01-07 16:00:47 · 348 阅读 · 0 评论 -
vue---从0开始,2.vue的简单上手1
1.一些简单的常用指令 v-text -&amp;amp;gt; 给标签绑定数据: v-text是用于操作纯文本,它会替代显示对应的数据对象上的值。当绑定的数据对象上的值发生改变,插值处的内容也会随之更新。注意:此处为单向绑定,数据对象上的值改变,插值会发生变化;但是当插值发生变化并不会影响数据对象的值。其中:v-text可以简写为{{}},并且支持逻辑运算 &amp;amp;lt;template&amp;amp;gt; &amp;a原创 2018-10-13 17:04:21 · 183 阅读 · 0 评论 -
vue---从0开始,1.文件的创建
1.创建My-vue文件夹目录如下: 一开始,通过 npm init 指令,自动生成一个 package.json 文件; 通过npm install 指令来完成node_modules文件夹的创建 2.打开页面 在My-vue文件夹下按住shift键点击鼠标右键打开命令窗口,输入指令npm run dev运行: Project is running at http://127.0.0.1...原创 2019-01-26 20:41:12 · 202 阅读 · 0 评论 -
vue---从0开始,3.vue的简单上手2
v-bind -&gt; 属性相关,适用于所有标签属性 简写 : class 和 style 指令 :class=“{class1: true [, class2: false …]}” :style=“{css属性名: 属性值 [, css属性名: 属性值 …]}” 动态的class或css名 -&gt; :style=“{[变量名]: 属性值}" 可以传给 v-bind:cla...原创 2019-01-26 20:59:13 · 172 阅读 · 1 评论