随笔分类 - vue.js
摘要:1 <template> 2 <div> 3 <h2>this is from C.vue</h2> 4 </div> 5 </template> 6 7 <script> 8 export default { 9 name: 'C', 10 data () { 11 return { 12 msg
阅读全文
摘要:1 <template> 2 <div> 3 this is A.vue <br> 4 <!--计算属性--> 5 <label for="msg">输入message:</label> 6 <input type="text" v-model="message" id="msg"> 7 <div>
阅读全文
摘要:1 <template> 2 <div class="home-wrapper"> 3 <div class="home-top">this is from Home.vue</div> 4 <!--num>10,背景颜色红色,否则橙色--> 5 <div class="test" :class="
阅读全文
摘要:上代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue6</title> 6 <meta name="viewport" content="width=device-width,
阅读全文
摘要:说明:有些部分我只是相当于做一个学习笔记,加强记忆之用。所以可能阅读性不是那么强。如果有参考我这类博客的人,那么请见谅。 代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue
阅读全文
摘要:下面是计算属性相关代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue3</title> 6 <meta name="viewport" content="width=devic
阅读全文
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue学习</title> 6 <meta name="viewport" content="width=device-width, ini
阅读全文
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Vue1</title> 6 <meta name="viewport" content="width=device-width, init
阅读全文
摘要:在Vue.js项目中,使用的是eslint检查。 而在我写完代码后,cnpm run dev运行命令。。。然后悲剧了,一大堆报错!╮(╯▽╰)╭ 安装插件:Vetur:这是vscode上一个vue.js代码提示,语法高亮等功能的流行插件。不过因为它代码格式化使用的是prettier,所以使用vsco
阅读全文
摘要:官网安装方法:链接 如果你像我一样使用淘宝npm镜像,那么以上安装命名中npm均变为cnpm。 但是:进行到创建一个基于webpack模板的新项目命令:vue init webpack my-project时,前面选项均可以设置为默认值或yes;然而到Should we run npm instal
阅读全文