vue
文章平均质量分 63
iswka
这个人很懒...
展开
-
vue快速入门知识点(一)
vue快速入门知识点(一) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <my-footer></my-fo原创 2017-04-20 11:57:06 · 550 阅读 · 1 评论 -
Vue快速入门知识点(二)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <a v-bind:href="link">百度</a> </div> <hr/> <div id="app2">原创 2017-04-20 16:14:28 · 286 阅读 · 0 评论 -
搭建Vue脚手架
安装Vue脚手架 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project![这里写图片描述](http://img.blog.csdn.net/20170421221954215?watermark/2/text/aHR0cDo原创 2017-04-21 22:48:55 · 902 阅读 · 0 评论 -
Webstorm创建Vue file.vue模板
在Webstorm低版本识别不了带.vue的文件,这时候需要手动设置。步骤如下: 找到 Webstorm 的菜单栏,点击WebStorm选项,在WebStorm的选项下又有一个子菜单栏,点击 Perferences 之后会弹出一个配置窗口,按如图操作即可。 完成上述操作之后,我们已经完成了文件的模板创建,接下来我们要为文件配置语法模板。这里我们用的是HTML的语法模板,请按如下图操作:原创 2017-04-22 09:55:21 · 1234 阅读 · 0 评论 -
vue脚手架常用的规范介绍
以上是Vue脚手架的基本的目录结构,我们一般编写代码都放在src目录下,这里有一个components文件夹,该目录用于存在自定义组件。src目录小还有一个App.vue,该文件是项目展示的窗口文件。接下来为大家介绍一下vue文件的结构,每个vue文件包含三个部分 1. HTML 2. CSS 3. JS HTML部分的代码要包裹在<template></tempate>标签内。注意:如果原创 2017-04-23 21:11:20 · 4889 阅读 · 3 评论