我要评论学习vue的一些总结，第一次写博客，文笔实在是很差 不过我会不断写的。
<template>
<!--只能有一个根节点 -->
<div>
<pre>
*v-text 是元素的innertext 只能在双标签中使用
*v-html 是元素的innerhtml，不能包含<!-- {{xxx}} -->
*v-if 元素是否移除或者插入
*v-show 元素隐藏或者显示
*v-model 双向数据绑定
</pre>
// v-text
<span v-text="text"></span>
<hr>
<span v-html="html"></span>
v-if:
<div v-if="isshow" style="height:100px;background:#562366;"></div>
v-show:
<div v-show="isshow" style="height:100px;background:#333;"></div>
v-model:
<input type="text" name="" v-model="mtext">
{{mtext}}
<!-- 给下面的input的value赋值用v-bind：value -->
<br>
<input type="text" name="" v-bind:value="mtext">
</div>
</template>
<<script>
export default {
data(){
return {
text:'我是v-text玩的东西',
html:`
<ul>
<li>vksdnkfndk </li>
<li>kbnskdfkb </li>
</ul>
`,
isshow:false,
mtext:''
}
}
}
</script>
这里只写了一部分常用的vue的指令，后面还会有的。
您可能感兴趣的文章:
- vue init初始化项目后 npm run dev报错 10% building modules 1/1 modules 0 activeevents
- axios 处理 302 状态码的解决方法
- [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/feature
- react-native 在新版Xcode（10+）中运行出现的问题： node_modules/react-native/third-party/glog-0.3.4 , C compiler cannot create executables
- 使用puppeteer爬取网站并抓出404无效链接
- 【angular2+typeScript+ng-zorro】Carousel 走马灯的左右方向控件实现
- VUE +element el-table运用sortable 拖拽table排序，实现行排序，列排序
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
![[Node.js] nodejs 连接 mysql数据库](http://www.lhsxpumps.com/_images5/10qianwan/20201026/s_0_202010261022246260.jpg)
网友评论