• 前端框架vue学习笔记:环境搭建


    兼容性

    不兼容IE8以下

    Vue Devtools 能够更好的对界面进行审查和调试

    环境搭建

    1.nodejs(新版本的集成了npm)【npm是node包管理 node package manager】

    下载nodejs(http://nodejs.cn)

    node -v 终端查看安装成功,npm -v 查看npm版本安装成功

    2.安装vue

    npm install vue

    安装vue脚手架

    npm install --global vue-cli

    项目

    1.在html中引入vue的包文件<script type="text/javascript" src="包文件地址"></script>

    新手最好引入vue.js有提示,vue.min.js是压缩版本

    2.在script标签中,通过vue对象去new vue()

    new vue( {

      el:‘#app’,  //el:表示发生行为的目的地

      template:' ',   //template表示装载的模板

      data:function() {   //动态数据加载,function()泛指函数,//里面也可以使用对象,但不太常用

      return {

       //返回template里面的数据,例如下

        text:' hello world ', //用 {{  }} 形式返回数据 , 如下div模块中所示

      }

      }

    })

    即body标签中的div,<div id="app"> {{ text }} </div>

  • 相关阅读:
    C++ 实现B+树
    SSM项目--
    spring+mybatis使用MapperScannerConfigurer简化配置
    SpringMVC复习总结
    MyBatis复习总结
    ajax
    几种常用页面的跳转
    MyShop-不用框架的基础javaweb项目
    jsp
    Guava 工具类之joiner的使用
  • 原文地址:https://www.cnblogs.com/songyan/p/10920943.html
Copyright © 2020-2023  润新知