Vue
Vue
程序员·小李
不知道要干什么的时候,停一停,想一想;知道想要什么的时候,努努力,拼一拼。
展开
-
Vue的模板
插值模板 插入文本使用{{}}插入文本<div id="app"> <p>{{ message }}</p></div><script> new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }...原创 2018-12-25 15:07:01 · 203 阅读 · 0 评论 -
Vue条件与循环
根据v-if的值进行判断是否显示:<div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> <p>学的不仅是技术,原创 2018-12-25 15:48:59 · 605 阅读 · 0 评论 -
Vue目录解析及Vue起步
Vue项目目录:目录解析:最主要的文件夹是src文件夹 对于每个Vue应用,都需要实例化Vue: var vm = new Vue({ //内容}) 实例化的时候都可以设置什么呢?<div id="vue_det"> <h1>site : {{site}}</h1> <h1>u...原创 2018-12-25 14:50:17 · 141 阅读 · 0 评论 -
【VUE】环境搭建
下载node.js解压,添加到环境变量https://nodejs.org/en/download/验证一下node --versionnpm -v安装VUEnpm install @vue/cli -g安装完毕验证一下vue -V创建HelloWord项目vue create helloworld将Ro...原创 2019-08-18 20:31:55 · 159 阅读 · 0 评论 -
Vue的安装
Vue的安装方法: 1.使用独立版本的Vue:提供下载链接 https://vuejs.org/js/vue.min.js 2.使用CDN的方法: Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js unpkg:https://unpkg.com/vue/dist/v...原创 2018-12-25 14:30:44 · 196 阅读 · 0 评论 -
Vue组件
全局组件的定义 <div id="app"> <runoob></runoob></div> <script>// 注册 Vue.component('runoob', { template: '<h1>自定义组件!</h1>' })/原创 2018-12-25 16:25:25 · 147 阅读 · 0 评论 -
Vue 001 构建一个投票界面
目标:构建一个投票界面显示,票数高的在上方,票数低的在下方,可以点击进行投票,并动态显示。 推荐使用工具: sublime Text 谷歌浏览器 搭建主界面: <!DOCTYPE html><html> <head> <!--引入css文件--> <link rel="st...原创 2018-12-23 15:26:31 · 2805 阅读 · 0 评论 -
Vue 002 组件的使用
注册全局组件定义一个全局的组件的方法:Vue.component("submission-component",{ //options})定义一个节点级别的组件const submissionComponent={ //组件的声明}new Vue({ //在此处注册组件})创建组件的实例//单行创建组件cons...原创 2019-07-08 19:37:39 · 129 阅读 · 0 评论 -
Vue.js 初步
1. 声明式渲染<div id="app"> {{message}}</div><script> var app = new Vue({ el:"#app", data:{ message:"hello Vue!" } });</script>可以只绑定一次,后面无法修改:<原创 2019-02-20 16:26:33 · 188 阅读 · 0 评论 -
【VUE】相关目录介绍
Page页面一般vue项目是单页面程序View视图一个view对应一个vue文件,一般放在view目录下,一个项目包含多个视图Component组件自定义的组件,可以被视图引用路由route视图之间的切换称为路由vue文件结构views目录下包含多个视图,视图之间可以切换,每个view包含三个部分:template 模板,h...原创 2019-08-18 21:04:24 · 482 阅读 · 0 评论