![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
littlespider889
985非计算机硕士毕业
展开
-
小福利,带你快速入门vue框架(3)
大家好,我是天空之城,今天给大家带来小福利,带你快速入门vue框架(3) v-mode双向绑定,计算属性和监听器 v-mode双向绑定 作用:在input标签里输入内容,会改变script下面message里面的内容;同样修改script下面message里面的内容,也会改变message的内容,叫双向绑定 定义一个button里面的click事件setmsg <!DOCTYPE html> <html lang="en"> <head> <meta cha原创 2020-09-19 18:38:51 · 152 阅读 · 0 评论 -
小福利,带你快速入门前端vue框架(2)
大家好,我是天空之城,今天给大家带来小福利,带你快速入门前端vue框架(2) 接着上一篇继续 使用JavaScript表达式 在使用了v-bind的html属性,或者使用了{{}}的文本。我们还可以执行一个JavaScript表达式 <div id="app"> <p v-bind:style="{color:color?'red':'blue'}">{{username.split(" ").reverse().join(" ")}}</p> </div>原创 2020-09-17 19:45:30 · 137 阅读 · 0 评论 -
小福利,带你快速入门前端vue框架
大家好,我是天空之城,今天给大家带来小福利,带你快速入门前端vue框架 安装vscode软件,编辑html文件,每次编辑完都要保存下,不然无法显示修改后的效果,这点比较坑 首先要引入vue.js文件,也可以下载vue.js到本地 在new Vue方法中定义了属性和方法,属性包括username和code,方法是methods里面的ChangeUserName,然后在div id=app标签里面进行调用属性和方法,这里跟flask不同,flask可以在后端定义属性和方法,在前端调用;这里是前端定义和前端调用。原创 2020-09-15 21:43:40 · 116 阅读 · 0 评论