文档章节

Vue基础

 冰shang蚊
发布于 2017/07/14 09:23
字数 509
阅读 17
收藏 0

Vue简介:

            Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动

Vue版本获取:

    BootCDN(国内) : https://cdn.bootcss.com/vue/2.2.2/vue.min.js

    unpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。

    cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

Vue主要功能:

        动态数据绑定、指令、模板、路由、过滤器、组件

资源库(vue-resource):主要用于数据请求,类似ajax请求方式;GitHub上有详情介绍

路由库(vue-router):主要用于构建复杂的业务流程

vue简单使用:    

    1.先引入Vue核心库:vue.js

    2.定义Vue变量名称:<div id=”app”>{{name}}</div>;

    3.创建VueJs执行块:        

<html>
   <heard>
      <script src="../vue.js"/>
   </heard>
   <body>
       <div id="app">
          {{name}}
       </div>
       <script>
        var app = new Vue({
          el:"#app",//变量名称【html标签ID】
         data:{
            name:"hello world Vue Js"  //数据动态绑定赋值
          }
         });
   </body>
</html>


想要了解更多关于Vuejs相关知识;请访问:https://cn.vuejs.org/v2/guide/

node 环境下创建vue项目

1,安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install --global vue-cli)

2.使用vue建一个项目名叫“my-project”。(vue init webpack my-project)

3.注意:项目建立过程中,有如下选择,选择NO。(该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,可以避免不必要的麻烦)

----ESLint规范建议开启,加强代码规范

4.建立项目后,进入你创建项目目录下:cd 项目名称,安装项目依赖npm install

5.运行项目:npm run dev

 

© 著作权归作者所有

粉丝 1
博文 43
码字总数 29244
作品 0
海淀
私信 提问
人人都能懂的Vue源码系列(三)—resolveConstructorOptions函数-上

上篇文章介绍了Vue构造函数的部分实现,当前Vue实例不是组件时,会执行mergeOptions方法。 mergeOptions方法,我们之后的博文再来做详细介绍。今天主要研究resolveConstructorOptions方法,从...

淼淼真人
2018/05/24
0
0
2018 我所了解的 Vue 知识大全

年初第一个 flag 就是掌握 vue ,哈哈! Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ,他的学习曲线平稳很...

cacao111
2018/07/11
0
0
2019 前端面试 | 知其然,并知其所以然

Web 前置知识 《老生常谈的从 URL 输入到页面展现背后发生的事》[编号:web01] 《初次接触前端,我们要理解哪些名词?》 《工欲善其事,必先利其器——软件安装、环境搭建》 《做一次山大王,...

itsOli
昨天
0
0
使用webpack打包编写一个vue插件

一、说明: 需求:创建一个toast插件 思路:利用vue组件创建模板,使用webpack打包生成插件再全局使用。 二、开发一个vue-toast插件 借助npm平台发布一个vue插件 流程: 声明插件——写插件—...

爱敲代码的程序员
2017/11/01
0
0
前端用户权限控制解决方案Vue-Access-Control宣布开源

Vue-Access-Control宣布开源。 随着前后端分离架构的流行,权限控制这个曾经陌生的话题开始进入很多前端同学的视野,作为一名前端,可能部分同学会认为权限是后端的事,其实这个想法是片面的...

特欧威尔
2017/12/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

面试爱奇艺,竟然挂在第5轮……

今天给大家分享我曾经在爱奇艺的面试,过程还是比较有意思的,可以给大家一些参考 <br> 聊骚阶段 嗲妹妹:你好,我是爱奇艺的HR,我们正在招聘运维开发岗位,请问您最近有在看工作机会吗? ...

上海小胖
46分钟前
3
0
Jenkins系列_插件安装及报错处理

进入Jenkins之后我们可以进行插件的安装,插件管理位于以下模块: 发现上面报了一堆错误,是因为插件的依赖没有安装好,那么这一节,就先把这些错误解决掉吧。解决完成后,也就基本会使用插件...

shzwork
今天
2
0
mysql mysql的所有查询语句和聚合函数(整理一下,忘记了可以随时看看)

查询所有字段 select * from 表名; 查询自定字段 select 字段名 from 表名; 查询指定数据 select * from 表名 where 条件; 带关键字IN的查询 select * from 表名 where 条件 [not] in(元素...

edison_kwok
昨天
9
0
解决多线程并行加载缓存问题(利用guava实现)

依赖 com.google.guava:guava:20.0 import com.google.common.cache.Cache;import com.google.common.cache.CacheBuilder;import java.util.concurrent.ExecutionException;import j......

暗中观察
昨天
4
0
利用VisualVM 内存查看

准备工作,建几个测试类。等下就是要查看这几个类里面的属性 package visualvm;public class MultiObject { private String str; private int i; MultiObject(String str...

冷基
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部