vue.js

作者: 阔阔飞翔 | 来源:发表于2018-12-18 13:51 被阅读0次

--vue不再去操作dom元素,而是直接操作数据

--第一个vue实例

--挂载点、模板、实例之间的关系

挂载点---el

模板---template

--vue指令

v-html:不会转译

v-text:会转译

v-on:click:点击hello变为world,v-on可以简写为@

或者@click

v-bind:单向数据绑定,可以简写为:

v-model:数据双向绑定

v-if:会删除dom

v-show:不会删除dom

v-for:循环

--computed:计算属性,计算两个数据

--watch:监听器,监听某个数据的变化

--vue.component():组件

--父子组件

父组件向子组件传值,通过属性,如图中1

子组件向父组件传值,通过发布订阅,如图中2

--vue-cli  3.0

1、构建项目:

Install:     npminstall-g @vue/cli

Create a project:   vue create my-project

2、启动项目:npm run serve

3、详细构建说明:https://blog.csdn.net/qq_36407748/article/details/80739787

5、template下只能有一个根标签

--vue-cli 具体使用

相关文章

  • Vue.js动态组件解析

    此前的Vue.js系列文章: Vue.js开发常见问题解析 Vue.js常用开发知识简要入门(一) Vue.js常...

  • 【MAC 上学习 Vue】Day 1. 创建 Hello Wor

    下载 Vue.js Vue.js 开发版本下载地址为:https://vuejs.org/js/vue.js 安装...

  • Vue 循环、点击、双向绑定

    一、了解 Vue.js 1 Vue.js是什么? Vue.js是一套用于构建用户界面的渐进式框架。Vue.js通过...

  • Vue.js入门

    Vue笔记系列2、Vue.js渐进3、Vue.js进阶 Vue.js的概述 如官网所说,Vue.js是一款轻量级的...

  • Vue起步

    Vue.js官网 Vue.js教程 1. Vue.js起步 Vue.js有两种方式:引入CDN方式或使用命令行工具...

  • MAC上学习Vue---Day1. 创建Hello World

    下载Vue.js Vue.js开发版本地址为: https://vuejs.org/js/vue.js 安装VS ...

  • 一.Vue.js起步

    1 Vue.js Vue.js官网 Vue.js菜鸟教程 2 MVVM模式 MVC:Model-Viel-Cont...

  • Vue.js 第一天

    Vue.js 一、Vue.js简介 1.Vue.js 是什么 vue.js 也称为Vue,读音 /vju:/ ,类...

  • 《Vue.js 实战》基础篇(上)

    本章内容:认识 Vue.js、数据绑定、计算属性、内置指令 一、初始 Vue.js 1.1 Vue.js 是什么 ...

  • Vue.js基础

    1 vue.js研究 1.1 vue.js介绍 1、vue.js是什么?Vue (读音 /vjuː/,类似于 vi...

网友评论

      本文标题:vue.js

      本文链接:https://www.haomeiwen.com/subject/wavbhqtx.html