![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Z94264426
这个作者很懒,什么都没留下…
展开
-
动态属性和事件绑定
一.动态属性:v-bind格式:v-bind:属性=“变量名” 简写::属性=“变量名”代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态属性,事件绑定</title> <script type="text/javascript" src="vue.js" ></script> </head>原创 2021-05-08 16:13:58 · 153 阅读 · 0 评论 -
Vue基础指令(v-html,v-model)
Vue基础指令(v-html,v-model)上篇:插值双大括号和v-text指令的区别:v-text是指令,只能绑定在DOM标签上,{{}}绑定 可以放置在vue挂载目标节点内的任意位置, 而不需要额外得分DOM标签。2.插入标签表达式:v-html=”变量名”<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-html</title> &原创 2021-04-15 09:42:45 · 1214 阅读 · 0 评论 -
Vue插值及表达式绑定数据
Vue插值及表达式绑定数据1.插值有两种方式:(1).使用双大括号将数据编译成普通文本,并输出到插值的位置({{变量名}})<body> <div id="app"> <!--1.插值{{变量名}}--> <p>{{msg}}</p> </div> </body> <script> var app=new Vue({ el:"#app",//可以是css选择器,例如:#ap原创 2021-04-15 09:04:53 · 421 阅读 · 0 评论 -
使用Vue.js构建前端页面
使用Vue.js构建前端页面一.什么是Vue?Vue是用于构建用户界面的“渐进式框架”。二.Vue的使用:1.首先在html中,使用script标签引入vue.js文件:<head> <meta charset="utf-8" /> <script type="text/javascript" src="vue.js"></script> <title>vue的使用</title> </head>原创 2021-04-15 08:52:22 · 1345 阅读 · 0 评论