Loading...
1. 对于v-html,是我们可以把data中的数据,通过html的方式渲染到页面上,而不是直接将文本内容显示在界面上。1.1 代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=&q...
1. 在vue中,如果要对vue中的数组或是集合循环赋值显示到界面上可以使用v-for标签1.1 代码(v-for对数组进行循环赋值){{arr}} <!-- 如果自己手写的话 --> <ul> <l{{arr[0]}}</l <l{{arr[1]}}</l <l{{arr[2]}}</l </ul> ...
1.当我们想要隐藏掉一块div时,可以这样使用1.1 代码<div class="out" v-if="false"> <h1>Vue学习</h1> <p>Web前端开发</p> <b>作者:微风</b> </div>...
1. 控制元素是否显示会用到v-if,当if中的值为true时,元素会显示到界面上1.1 代码<h1 v-if="true">1Vue学习</h1>1.2 界面显示效果2.当v-if的值为false时,元素会从界面上消失2.1 代码<h1 v-if="false">1Vue学习</h1>2.2 界面显示效...
1.引入Vue.js文件到项目之中<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>2.定义一个div,为其定义一个id<!-- 创建一个div,用于绑定下面的vue实例化对象 --> <div id="app"> &...