zoukankan      html  css  js  c++  java
  • 从零开始的vue学习笔记(一)

    前言

    项目要用vue.js,今天开始自学vue.js官方教程,记录下自己的学习摘要,方便后面查阅(此笔记按照学习天数,每天一篇)

    Vue.js是什么

    Vue是一套用于构建用户界面的渐进式框架,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用(SPA)提供驱动。

    安装

    直接<script> 引入

    直接下载开发版的js文件,然后引入到html中,或者直接用cdn的js

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    

    NPM

    npm install vue
    

    大型应用用npm安装管理(需要安装node.js环境),能很好地和诸如 webpack 或 Browserify 模块打包器配合使用

    vue cli工具(命令行工具,暂且不学)

    Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。

    Vue Devtools

    在使用 Vue 时,我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用

    初步介绍

    概念

    1. 声明式渲染、模板语法、响应式、指令(前缀v-的特殊语法)、数据双向绑定
    2. 基础指令简介:
      • 绑定(v-bind)
      • 条件(v-if、v-else、v-else-if、v-show)
      • 循环(v-for)
      • 事件监听(v-on)
      • 表单输入数据双向绑定(v-model)
    3. 组件化构建应用(抽象与复用、组件间prop通讯)
  • 相关阅读:
    Android入门第六篇之ListView (一)
    STL 二分查找三兄弟(lower_bound(),upper_bound(),binary_search())
    fastjson 之常见的数据类型与json的相互转换
    Jetty:配置安全
    xml文件格式例如以下
    《编程珠玑》---笔记。浏览此文,一窥此书。
    【Github教程】史上最全github用法:github入门到精通
    SSL连接建立过程分析(1)
    ant 安装
    GMM的EM算法实现
  • 原文地址:https://www.cnblogs.com/huangmengke/p/11636904.html
Copyright © 2011-2022 走看看