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通讯)
  • 相关阅读:
    1.12学习总结:分区
    1.11学习总结:持久化
    1.10学习总结:RDD的行动操作
    1.9学习总结:RDD的转换操作
    1.8学习总结:RDD创建
    1.7学习总结:pyspark实例WordCount
    1.6学习总结:Spark集群的高可用配置
    1.5学习总结:安装Spark
    毕业设计第四周第七天完成情况汇总
    毕业设计第四周第五天完成情况汇总
  • 原文地址:https://www.cnblogs.com/huangmengke/p/11636904.html
Copyright © 2011-2022 走看看