Comandos básicos de Vue
instrucción v-bind
La función de la instrucción v-bind es vincular atributos al elemento
. La redacción completa es v-bind: nombre del atributo. Si lo
abrevias, puedes omitir v-bind directamente y solo conservar: nombre del atributo
v-para
La función de la instrucción v-for es generar una estructura de lista basada en datos. Las
matrices se utilizan a menudo en combinación con v-for. La
sintaxis es (elemento, índice) in. El
elemento de datos y el índice se pueden usar junto con otras instrucciones.
La actualización de la longitud de la matriz se sincronizará con la página.
v-en
Pasar parámetros personalizados, modificadores de eventos, enlace del
portal de documentos
: enlace .
El método de enlace de eventos se escribe en forma de una llamada de función y se pueden pasar parámetros personalizados. Al
definir un método, debe definir parámetros formales para recibir el
evento de parámetro real entrante seguido de
Arriba , el modificador puede limitar el evento. Enter puede limitar la tecla activada para ingresar
modelo v
Obtener y establecer el valor del elemento del formulario (enlace de datos bidireccional) La función del
comando v-model es establecer y obtener el valor del elemento del formulario de manera conveniente. Los
datos vinculados se asociarán con
el valor del elemento del formulario . El valor del elemento de formulario de datos vinculado
axios
Potente biblioteca de solicitudes de red
Enlace:
Portal de documentos: https://github.com/axios/axios
axios debe importarse antes de que se pueda utilizar.
Utilice el método get o post para enviar la solicitud correspondiente
paquete web
Crear un proyecto de paquete web Sintaxis
$ vue init webpack my-project
? Project name vuetest //项目名称
? Project description A Vue.js project //项目描述默认回车
? Author //作者
? Vue build standalone //打包方式standalone
? Install vue-router? Yes //是否创建路由,学习初期暂时不需要
? Use ESLint to lint your code? No //是否使用ESLint检测你的代码。建议:No
? Pick an ESLint preset Standard
? Set up unit tests Yes //是否安装单元测试。建议:No
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes //是否安装E2E测试框架NightWatch(E2E(End To End),就是所谓的“用户真实场景”)。建议:No
? Should we run `npm install` for you after the project has been created? (recommended) npm //项目创建后是否要为你运行“npm install”?这里按照推荐,选择包管理工具。建议:yes use npm
Inicie la sintaxis del proyecto de
paquete web npm run dev