zoukankan      html  css  js  c++  java
  • [学习记录]vue初步

    VUE是一款JavaScript框架,核心提供了一种组件的思想,支持响应式页面,同时配合vue-cli,vue-route,可以实现一个非常强大的单页面应用。

    通过vue-cli快速部署一个vue项目可以在命令行内使用如下的代码

    vue init webpack my-project
    
    cd my-project
    
    npm install
    
    npm run dev

    在工作目录下会看到如图所示的目录结构

    目前只需要知道src文件夹中放置的是源代码,static中放置的是可访问的资源。我们目前仅在src中工作即可。

    src中components文件夹中放置的是各种我们编写的组件,router中是由vue-router提供的路由设置。刚开始部署不会有store文件夹,这是安装了vuex后用来保存各个组件状态的。

    类似app.vue这种文件都是组件,一个标准的组件文件由<template><script><style>三部分组成,template为html主体,用来进行页面布局的,script为vue组件中核心的js逻辑,style为css样式

    组件中script的标准写法如下

    export default{
          . . . 
    }

    在框外面可以通过import导入其它组件,其余代码全部写到大括号内部,遵循vue的组件规则。内部可能会有name,data,methods等字段,后续涉及到再提。

  • 相关阅读:
    201621123059《Java程序设计》第二周学习总结
    学习计划表
    201621123059《java程序设计》第一周学习总结
    C语言I作业06
    C语言I博客作业05
    C语言I博客作业04
    志勇的C语言I博客作业03
    志勇的C语言I博客作业02
    志勇的第一周作业
    pdf文件完美转换技巧分享
  • 原文地址:https://www.cnblogs.com/trickofjoker/p/11005494.html
Copyright © 2011-2022 走看看